<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <script src="js/main.js"></script>
</head>
<body style="background-color: #fff;">
    <div class="topt">
        <div class="top">
            <div class="logo">
            	<div class="logo_img">
            		<img src="img/logo.jpg" width="70" height="70"/>
            	</div>
                <div class="logo_name">
                	<h1>郝籽璇的主页</h1>
                </div>
            </div>
            <div class="menu">
                <ul>
                    <li><a href="index.html">主页</a></li>
                    <li><a href="news.html">动态</a></li>
                    <li><a href="case.html">相册</a></li>
                    <li class="menu_ac"><a href="team.html" style="color: white">留言</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="pic">
        <img src="img/1-14.jpg" width="100%" height="100%" alt="郝籽璇的主页"/>
    </div>
    <div class="container">

        <div class="case">
            <p class="p0">留言板</p>
            <p class="p">MESSAGE</p>
            <div class="message">
            	<form>
            		<label>
            			称呼：<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input onblur="checkName();" type="text" name="name" id="name" placeholder="请输入你的名字或者昵称"/>
            		</label><div id="qqn"></div><br/><br/><br/>
            		<label>
            			性别：<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="sex" id="sex" value="男"/>男
            			<input type="radio" name="sex" id="sex" value="女"/>女
            		</label><div id="qqs"></div><br/><br/><br/>
            		<label>
            			年龄：<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="age" id="age">
            				
            				<option value="">请选择</option>
            				<option value="小朋友">小朋友</option>
            				<option value="12">12</option>
            				<option value="13">13"</option>
            				<option value="14">14</option>
            				<option value="15">15</option>
            				<option value="16">16</option>
            				<option value="17">17</option>
            				<option value="18">18</option>
            				<option value="19">19</option>
            				<option value="20">20</option>
            				<option value="21">21</option>
            				<option value="22">22</option>
            				<option value="23">23</option>
            				<option value="24">24</option>
            				<option value="25">25</option>
            				<option value="26">26</option>
            				<option value="27">27</option>
            				<option value="28">28</option>
            				<option value="29">29</option>
            				<option value="30">30</option>
            				<option value="大叔">大叔</option>
            			</select>
            		</label><div id="qqa"></div><br/><br/><br/>
            		<label>
            			爱好：<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="fav" id="fav" value="音乐"/>音乐
            			<input type="checkbox" name="fav" id="fav" value="舞蹈"/>舞蹈
            			<input type="checkbox" name="fav" id="fav" value="动漫"/>动漫
            			<input type="checkbox" name="fav" id="fav" value="旅游"/>旅游
            			<input type="checkbox" name="fav" id="fav" value="吃货"/>吃货
            		</label><div id="qqf"></div><br/><br/><br/>
            		<label>
            			留言：<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<textarea name="messa" id="messa"></textarea>
            		</label><div id="qqm"></div><br/><br/>
            		<label>
            			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input onclick="checkOther();" type="button" value="留言" id="mm">
            		</label>
            	</form>
            </div>
            
        </div>
    </div>
    <div class="footer">
    	<p>Copyright &copy;2017 郝籽璇 1611610087</p>
    	<p>三亚学院.信息与智能工程学院.计算机科学与技术</p>
    </div>


</body>
</html>